<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="">
    <!--import bootstrap-->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css"
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="./libs/iconfont/iconfont.css">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
    <!--Custom styles-->
    <link rel="stylesheet" href="./css/common.css">
    <title>Title</title>
</head>
<body>
<!--navbar-->
<section class="navbar navbar-fixed-top site-navbar">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapse"
                    aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="#">Wones</a>
        </div>
        <div class="collapse navbar-collapse" id="collapse">
            <ul class="nav navbar-nav">
                <li><a href="#">首页</a></li>
                <li><a href="#">Linux</a></li>
                <li><a href="#">Python</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="">登陆</a></li>
            </ul>
            <ul class="nav navbar-nav ">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">Dropdown <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
</section>
<!--navbar end-->
<!--ad block-->
<!--<section class="ad">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-4">
                <div class="ad-item">.col-xs-6 .col-sm-4</div>
            </div>
        </div>
    </div>
</section>-->
<!--ad block end-->
<!--banner-->
<!--<section class="banner">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-9">
                <div class="banner-item">.col-xs-6 .col-sm-4</div>
            </div>
            <div class="col-xs-12 col-sm-3">
                <div class="banner-info">
                    <span>个人信息</span>
                    <hr>
                    <div style="width: 140px;margin: 10px"><img src="http://img.guohongfu.top/20190829154149.jpg" alt="..." class="img-circle img-responsive center center-block" style="width: 95px"></div>
                    <dl class="">
                        <dt>职业:</dt>
                        <dd>后端工程师</dd>
                        <dt>使用工具:</dt>
                        <dd>Python/Php/Bootstrap</dd>
                        <dt>现居:</dt>
                        <dd>深圳北</dd>
                    </dl>
                    <hr>
                    <span><i class="iconfont">&#xe6f5;</i></span>
                </div>
            </div>
        </div>
    </div>
</section>-->
<!--banner end-->
<!--位置导航-->
<section class="ng-navbar" >
    <div class="container">
        <div class="row">
            <div class="col-xs-12">
                <ol class="breadcrumb">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">Library</a></li>
                    <li class="active">Data</li>
                </ol>
            </div>
        </div>
    </div>
</section>
<!--位置导航结束-->
<!--主体内容-->
<section class="main">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-9">
                <div class="main-item media">
                    <div class="media-left media-middle hidden-xs">
                        <a href="">
                            <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object" style="height: 150px">
                        </a>
                    </div>
                    <div class="media-body">
                        <h3><a href="#">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></h3>
                        <span class="pull-left"><i class="iconfont">&#xe72b;</i></span>
                        <ul class="list-inline">
                            <li><a href="#">hello world</a></li>
                            <li><a href="#">hello world</a></li>
                            <li><a href="#">hello world</a></li>
                        </ul>
                        <a href="" class="hidden-lg">
                            <img src="http://img.guohongfu.top/20190829154149.jpg" alt="" class="media-object" style="height: 150px">
                        </a>
                        <p>
                            经过前面 的铺垫; 终于可以开始本篇 Laravel 教程了； 如果对 OAuth 和 JWT 还不是很了解； 建议先出门左转阅读上面链接中的系列文章； 我们先来回顾一下之前讲的 OAtuh 的四个角色；1. 资源服务器(resource server)：github 服务器2. 授权服务器(authorization server)：github 服务器3. 资源所有者(resource owner)：用户你4. 客户端(client)：第三方白俊遥博客
                        </p>
                    </div>
                </div>
                <div class="main-item">
                    <h2 class="main-title"><span>正文</span></h2>
                    <div class="content">
                        <div id="test-editormd-view" class="markdown-body editormd-html-preview">

                            <p>你是否有机会做一下小项目的领头人？你是否有机会独立的上台与朋友分享？你是否有一种想说又说不出的困境？</p>
                            <p>其实，这就是为什么写作的原因，写作是一种慢思考，写作是一种让你的知识沉淀的途径，写作是你深入思考的方法，写作也是你理顺接下来该干什么的指路灯。</p>
                            <p>无论你是否是一名技术人员，你都应该学会写作。因为这是你向世界表达你的看法的重要途径，当你深入思考，需要把内容输出到文章的时候，其实又是另一种境界。我觉得吧，写作主要时传达你的思想和理清自己的思路。</p>
                            <p>程序员通常都是理科出生，通常都不会愿意写作，但是你一旦养成了习惯，对编程和思想交流都是有好处的。</p>
                            <ol>
                                <li>写文章和写代码的的共同之处在于都需要有清晰的逻辑，培养出更加优秀的逻辑思维能力。好的代码和好的文章，都一样：言简意赅，不混淆不清，不拖泥带水。</li><li>软件工程师写文章对有团队的公司协作开发尤为重要。不论是开会讨论，还是方案提议，还是代码注释，都要有清晰的逻辑，当你学会写作，你就能清晰的表达你的想法，你的意见，你的编程思路。从而使整个开发和产品能够顺利的运行下去。</li><li>你能轻松的对你的想法提出辨证。</li></ol>
                            <p>即使你的文章没有人阅读，写作的过程对你的能力提升都是大有裨益的。理顺思路，明确某个问题的看法，加强你对某个观点的信心，把乱七八糟的想法汇聚成可以被阅读的文字。</p>
                            <p>价值是可以被延续的，因为你永远都不知道下一秒发生什么事情。会不会有志同道合的人原因与你一起共同进步。</p>
                            <p>用什么写作？</p>
                            <p>如果你自己写了Blog(博客)，请用博客的编辑器写，然后发布。还有一种就是，你应该使用markdown来写作。</p>
                            <p>如果你有开通一些其他平台的博客系统，你也可以在上面写。</p>
                            <p>在哪里写？</p>
                            <ol>
                                <li>最传统的就是日记本啦，一般打草稿是一个不错的选择。但日记本有一个不好的地方就是，你很快就会思维混乱、刷微信、看抖音等因素乱了方寸，会草草的记成流水帐，没有太大的意义。</li><li>现在可以写的地方很多，有到云笔记，印象笔记等，可以插图，插音视频等多媒体元素，但是我估计大部分人都不会想到要插入这些元素</li><li>技术以及思想类的文章更多的应该发布到个人博客上去。</li></ol>
                        </div>
                    </div>
                </div>
                <div class="main-item">
                    <p><strong>上一篇 </strong><span><a href="#" target="_blank">最适合入门的Laravel中级教程(五)Passport OAuth认证</a></span></p>
                    <p><strong>下一篇 </strong><span><a href="#" target="_blank">最适合入门的Laravel中级教程(五)Passport OAuth认证sdfsdf</a></span></p>
                </div>
                <div class="main-item">
                    <h2 class="main-title"><span>相关文章</span></h2>
                    <ul class="article-list">
                        <li> <a href="#">a;skdfj;askdjf;aksjda</a></li>
                        <li> <a href="#">a;skdfj;askdjf;aksjda</a></li>
                        <li> <a href="#">a;skdfj;askdjf;aksjda</a></li>
                        <li> <a href="#">a;skdfj;askdjf;aksjda</a></li>
                        <li> <a href="#">a;skdfj;askdjf;aksjda</a></li>
                    </ul>
                </div>
                <div class="main-item">
                    <h2 class="main-title"><span>评论窗口</span></h2>
                </div>
                <div class="main-item">
                    <h2 class="main-title"><span>评论列表</span></h2>
                </div>

            </div>
            <div class="col-xs-12 col-sm-3">
                <div class="main-item" style="min-height: 320px">
                    <div class="banner-info">
                        <span>个人信息</span>
                        <hr>
                        <div style="width: 140px;margin: 10px"><img src="http://img.guohongfu.top/20190829154149.jpg" alt="..." class="img-circle img-responsive center center-block" style="width: 95px"></div>
                        <dl class="">
                            <dt>职业:</dt>
                            <dd>后端工程师</dd>
                            <dt>使用工具:</dt>
                            <dd>Python/Php/Bootstrap</dd>
                            <dt>现居:</dt>
                            <dd>深圳北</dd>
                        </dl>
                        <hr>
                        <span><i class="iconfont">&#xe6f5;</i></span>
                    </div>
                </div>
                <div class="main-item" style="min-height: 320px">
                    <h4>最新文章</h4>
                    <hr>
                    <ul class="list-unstyled">
                        <li><a href="#">linux 最大的几个发行版</a></li>
                        <li><a href="#">linux 最大的几个发行版</a></li>
                        <li><a href="#">linux 最大的几个发行版</a></li>
                    </ul>
                </div>
                <div class="main-item" style="min-height: 640px">
                    <h4>本人推荐</h4>
                    <hr>
                    <ul class="list-unstyled">
                        <li><a href="#">linux 最大的几个发行版</a></li>
                        <li><a href="#">linux 最大的几个发行版</a></li>
                        <li><a href="#">linux 最大的几个发行版</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!--主体内容结束-->
<!--页脚-->
<section class="footer">
    <div class="container">
        <div class="row b-content">
            <dl class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                <dt>权益</dt>
                <dd>许可协议：<a rel="nofollow" href="">ddd</a></dd>
                <dd>版权所有：© 2014-2019 motkit.com</dd>
                <dd>联系邮箱：<a href="mailto:jinxiu89@163.com">jinxiu89@163.com</a></dd>
                <dd>ICP 备案：</dd>
            </dl>

            <dl class="col-xs-12 col-sm-6 col-md-4 col-lg-4">
                <dt>架构</dt>
                <dd>项目名称：<a rel="nofollow" href="#" target="_blank">Python web Flask</a></dd>
                <dd>版本分支：master</dd>
                <dd>项目作者：<a href="https://baijunyao.com">邱</a></dd>
                <dd>主题作者：<a href="https://baijunyao.com">qiujin</a></dd>
            </dl>

            <dl class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
                <dt>统计</dt>
                <dd>文章总数：187</dd>
                <dd>评论总数：4310</dd>
                <dd>登录用户：3822</dd>
                <dd>随言碎语：41</dd>
            </dl>
        </div>
    </div>
    <a class="go-top fa fa-angle-up animated jello" href="javascript:;"></a>
</section>
<!--页脚结束-->
</body>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.slim.min.js"
        integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
        crossorigin="anonymous"></script>
<script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
        crossorigin="anonymous"></script>
</html>